<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/zhuce.css"/>
		<script src="js/html5shiv.min.js"></script>
		<script src="js/flexible.debug.js"></script>
		<script src="js/flexible_css.debug.js"></script>
		<script src="js/jQueryYzm/js/gVerify.js"></script>
	</head>
	<body>
		<header class="xiangqingye_header">
		<label><img src="img/xiangqing_ico.png"/></label>
		<span>注册</span>
		<label></label>
		</header>
		<div class="zhuzhe_tel">
		<img src="img/zhuce_tel.png"/>
		<input type="tel" id="tel" placeholder="手机号" />
		</div>
		<div class="zhuzhe_yanzheng zhuce_canvas">
			<div class="yanzheng_1">
			<img src="img/zhuce_yanzheng.png"/>
			<input type="text" placeholder="输入图中验证码"/>
			</div>
			<p id="container"></p>
		</div>
		<div class="zhuzhe_yanzheng">
			<div class="yanzheng_2">
			<img src="img/zhuce_pwd.png"/>
			<input type="text" placeholder="手机验证码"  />
			</div>
			<h4>获取手机验证码</h4>
		</div>
		
		<div class="zhuzhe_yanzheng">
			<div class="yanzheng_2">
			<img src="img/zhuce_pwd2.png"/>
			<input type="password" id="pas" placeholder="密码（由任意6~12位数字、字母、下划线组成）" />
			</div>
			
		</div>
		<div class="zhuce_btn">
		<button class="zhuce">注册</button>
		</div> 
		<div class="zhuce_footer">
		<p>我已阅读并接受<span>胖虎服务协议</span></p>
	</div>
	<script src="js/jquery-1.12.4.min.js"></script>
	<script>
		var verifyCode = new GVerify("container");
		var verifyCode = new GVerify({
        id:"container",
        type:"number",
		});
		$('.denglubtn').click(function(){
			var tel = document.getElementById('tel').value;
			var pas = document.getElementById('pas').value;
			var telzz = /^(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/
			var paszz = /^(?!^[0-9]*$)(?!^[a-zA-Z]*$)(?!^[^a-zA-Z0-9]*$)\S{6,12}$/		
				if(tel&&pas){
				if( telzz.test(tel) == false){
					alert('手机号错误')
				}else if( paszz.test(pas) == false){
					alert('密码是6-18位')
				}else{
				alert('登录成功')
			}

			}else if(tel == ''||pas == ''){
				alert('请输入手机号和密码')
			}
				console.log(tel)

		})
	</script>
	
	
	
	</body>
</html>
